﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="NavBars.aspx.cs" Inherits="EwcControlTest.NavBars" %>
<%@ Register Assembly="EnhancedWebControls" Namespace="EnhancedWebControls" TagPrefix="ewc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .VerticalNavBar
        {
            float:left;
            clear:none;
            width:170px;
            font-family:Arial;
            margin:0px;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__NavButton
        {        
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border: 1px solid transparent;
            border-right:solid 1px #999999;
            text-decoration:none;
            text-align:left;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__NavButton:hover
        {    
            text-decoration:none;
        }
        .VerticalNavBar .EWC__NavButtonSelected
        {    
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border: 1px solid transparent;
            border-right:solid 1px #999999;
            background-color:Blue;
            text-decoration:none;
            text-align:left;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__NavButtonSelected:hover
        {    
            text-decoration:none;
        }
        .VerticalNavBar .EWC__NavButtonHover
        {
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border:solid 1px #999999;
            background-color:#f5f5f5;
            text-decoration:none;
            text-align:left;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__NavButtonHover:hover
        {    
            text-decoration:none;
        }
        .VerticalNavBar .EWC__NavButtonPress
        {
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border:solid 1px #999999;
            background-color:#f5f5f5;
            text-decoration:none;
            text-align:left;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__NavButtonPress:hover
        {    
            text-decoration:none;
        }
        .VerticalNavBar .EWC__ParentButton
        { 
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border: 1px solid transparent;
            border-right:solid 1px #999999;
            text-align:left;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__ParentButtonHover
        {
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border:solid 1px #999999;
            background-color:#f5f5f5;
            text-align:left;
            font-size: 16px;
        }
        .VerticalNavBar .EWC__ParentButtonSelected
        { 
            display:block;
            float:left;
            clear:none;
            width:160px;
            padding: 10px 0px 0px 8px;
            margin:0px;
            height:28px;
            color:#666666;
            border:solid 1px #999999;
            background-color:#f5f5f5;
            text-align:left;
            font-size: 16px;
        }
                
        .VerticalNavBar .EWC__ChildMenu
        {
            display:block;
            float:left;
            clear:both;
            text-align:left;
            padding: 0px 0px 0px 0px;
            margin:0px;
            width:170px;
            text-align:left;
            border:solid 1px #999999;
            background-color:#ffffff;
            text-align:left;
        }
        .VerticalNavBar .EWC__ChildMenuItem
        {
            display:block;
            float:left;
            clear:both;
            color:#444444;
            padding: 5px 10px 5px 10px;
            margin:0px;
            width:150px;
            text-align:left;
            text-decoration:none;
            font-size:13px;
        }
        .VerticalNavBar .EWC__ChildMenuItem:hover
        {
            color:#000000;
            background-color: #f0f0f0;
            text-decoration:none;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="HeaderSection">
        Nav Bars
    </div>
    <asp:UpdatePanel ID="updatePanel1" runat="server" RenderMode="Inline">
        <ContentTemplate>
            <div class="MessageSection">
                The first item is the NavBar with default styling, horizontal layout, and render as links equal to true.
            </div>
            <div class="Section">
            <div style="float:left;clear:none;width:100px;height:50px;background-color:black;margin-right:10px;"></div>
            <div style="float:left;clear:none;">
                <ewc:NavBar ID="NavigationBar1" runat="server" RenderAsLinks="true"/></div>
            </div>
            <div class="MessageSection" style="margin-top:40px;">
                The next item is the NavBar with custom styles, vertical layout, and render as links equal to false.
            </div>
            <div class="Section">
                <ewc:NavBar ID="NavigationBar2" runat="server" RenderAsLinks="false"  
                    DropDownMenuPosition="RightOfMenuItem" 
                    DropDownMenuXOffset="-20" 
                    DropDownMenuYOffset="15"
                    CssClass="VerticalNavBar"
                    onnavbarclicked="NavigationBar2_NavBarClicked">
                    </ewc:NavBar>
                <asp:Label ID="lblResults1" runat="server" cssclass="TestResults" Visible="false" style="width:400px;"></asp:Label>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
